home *** CD-ROM | disk | FTP | other *** search
/ MacAddict 108 / MacAddict108.iso / Software / Internet & Communication / WordPress 1.5.1.dmg / wordpress / wp-content / themes / default / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2005-02-11  |  8.6 KB  |  611 lines
  1. /*  
  2. Theme Name: WordPress Default
  3. Theme URI: http://wordpress.org/
  4. Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
  5. Version: 1.5
  6. Author: Michael Heilemann
  7. Author URI: http://binarybonsai.com/
  8.  
  9.     Kubrick v1.5
  10.      http://binarybonsai.com/kubrick/
  11.  
  12.     This theme was designed and built by Michael Heilemann,
  13.     whose blog you will find at http://binarybonsai.com/
  14.  
  15.     The CSS, XHTML and design is released under GPL:
  16.     http://www.opensource.org/licenses/gpl-license.php
  17.     
  18.  
  19.     *** REGARDING IMAGES ***
  20.     All CSS that involves the use of images, can be found in the 'index.php' file.
  21.     This is to ease installation inside subdirectories of a server.
  22.  
  23.     Have fun, and don't be afraid to contact me if you have questions.
  24. */
  25.  
  26.  
  27.  
  28. /* Begin Typography & Colors */
  29. body {
  30.     font-size: 62.5%; /* Resets 1em to 10px */
  31.     font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  32.     background-color: #d5d6d7;
  33.     color: #333;
  34.     text-align: center;
  35.     }
  36.  
  37. #page {
  38.     background-color: white;
  39.     border: 1px solid #959596;
  40.     text-align: left;
  41.     }
  42.  
  43. #header {
  44.     background-color: #73a0c5;
  45.     }
  46.  
  47. #content {
  48.     font-size: 1.2em
  49.     }
  50.  
  51. .widecolumn .entry p {
  52.     font-size: 1.05em;
  53.     }
  54.  
  55. .narrowcolumn .entry, .widecolumn .entry {
  56.     line-height: 1.4em;
  57.     }
  58.  
  59. .widecolumn {
  60.     line-height: 1.6em;
  61.     }
  62.     
  63. .narrowcolumn .postmetadata {
  64.     text-align: center;
  65.     }
  66.  
  67. .alt {
  68.     background-color: #f8f8f8;
  69.     border-top: 1px solid #ddd;
  70.     border-bottom: 1px solid #ddd;
  71.     }
  72.  
  73. #footer {
  74.     background-color: #eee;
  75.     }
  76.  
  77. small {
  78.     font-family: Arial, Helvetica, Sans-Serif;
  79.     font-size: 0.9em;
  80.     line-height: 1.5em;
  81.     }
  82.  
  83. h1, h2, h3 {
  84.     font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  85.     font-weight: bold;
  86.     }
  87.  
  88. h1 {
  89.     font-size: 4em;
  90.     text-align: center;
  91.     }
  92.  
  93. .description {
  94.     font-size: 1.2em;
  95.     text-align: center;
  96.     }
  97.  
  98. h2 {
  99.     font-size: 1.6em;
  100.     }
  101.  
  102. h2.pagetitle {
  103.     font-size: 1.6em;
  104.     }
  105.  
  106. #sidebar h2 {
  107.     font-family: 'Lucida Grande', Verdana, Sans-Serif;
  108.     font-size: 1.2em;
  109.     }
  110.  
  111. h3 {
  112.     font-size: 1.3em;
  113.     }
  114.  
  115. h1, h1 a, h1 a:hover, h1 a:visited, .description {
  116.     text-decoration: none;
  117.     color: white;
  118.     }
  119.  
  120. h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
  121.     color: #333;
  122.     }
  123.  
  124. h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
  125.     text-decoration: none;
  126.     }
  127.  
  128. .entry p a:visited {
  129.     color: #b85b5a;
  130.     }
  131.  
  132. .commentlist li, #commentform input, #commentform textarea {
  133.     font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  134.     }
  135.     
  136. .commentlist li {
  137.     font-weight: bold;
  138.     }
  139.  
  140. .commentlist cite, .commentlist cite a {
  141.     font-weight: bold;
  142.     font-style: normal;
  143.     font-size: 1.1em;
  144.     }
  145.  
  146. .commentlist p {
  147.     font-weight: normal;
  148.     line-height: 1.5em;
  149.     text-transform: none;
  150.     }
  151.  
  152. #commentform p {
  153.     font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  154.     }
  155.  
  156. .commentmetadata {
  157.     font-weight: normal;
  158.     }
  159.  
  160. #sidebar {
  161.     font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  162.     }
  163.  
  164. small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
  165.     color: #777;
  166.     }
  167.     
  168. code {
  169.     font: 1.1em 'Courier New', Courier, Fixed;
  170.     }
  171.  
  172. acronym, abbr, span.caps
  173. {
  174.     font-size: 0.9em;
  175.     letter-spacing: .07em;
  176.     }
  177.  
  178. a, h2 a:hover, h3 a:hover {
  179.     color: #06c;
  180.     text-decoration: none;
  181.     }
  182.  
  183. a:hover {
  184.     color: #147;
  185.     text-decoration: underline;
  186.     }
  187.     
  188. #wp-calendar #prev a {
  189.     font-size: 9pt;
  190.     }
  191.  
  192. #wp-calendar a {
  193.     text-decoration: none;
  194.     }
  195.  
  196. #wp-calendar caption {
  197.     font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  198.     text-align: center;
  199.     }
  200.  
  201. #wp-calendar th {
  202.     font-style: normal;
  203.     text-transform: capitalize;
  204.     }
  205. /* End Typography & Colors */
  206.  
  207.  
  208.  
  209. /* Begin Structure */
  210. body {
  211.     margin: 0;
  212.     padding: 0; 
  213.     }
  214.  
  215. #page {
  216.     background-color: white;
  217.     margin: 20px auto;
  218.     padding: 0;
  219.     width: 760px;
  220.     border: 1px solid #959596;
  221.     }
  222.     
  223. #header {
  224.     padding: 0;
  225.     margin: 0 auto;
  226.     height: 200px;
  227.     width: 100%;
  228.     background-color: #73a0c5;
  229.     }
  230.  
  231. #headerimg {
  232.     margin: 0;
  233.     height: 200px;
  234.     width: 100%;
  235.     }
  236.  
  237. .narrowcolumn {
  238.     float: left;
  239.     padding: 0 0 20px 45px;
  240.     margin: 0px 0 0;
  241.     width: 450px;
  242.     }
  243.  
  244. .widecolumn {
  245.     padding: 10px 0 20px 0;
  246.     margin: 5px 0 0 150px;
  247.     width: 450px;
  248.     }
  249.     
  250. .post {
  251.     margin: 0 0 40px;
  252.     text-align: justify;
  253.     }
  254.  
  255. .widecolumn .post {
  256.     margin: 0;
  257.     }
  258.  
  259. .narrowcolumn .postmetadata {
  260.     padding-top: 5px;
  261.     }
  262.  
  263. .widecolumn .postmetadata {
  264.     margin: 30px 0;
  265.     }
  266.     
  267. #footer {
  268.     padding: 0 0 0 1px;
  269.     margin: 0 auto;
  270.     width: 760px;
  271.     clear: both;
  272.     }
  273.  
  274. #footer p {
  275.     margin: 0;
  276.     padding: 20px 0;
  277.     text-align: center;
  278.     }
  279. /* End Structure */
  280.  
  281.  
  282.  
  283. /*    Begin Headers */
  284. h1 {
  285.     padding-top: 70px;
  286.     margin: 0;
  287.     }
  288.  
  289. .description {
  290.     text-align: center;
  291.     }
  292.  
  293. h2 {
  294.     margin: 30px 0 0;
  295.     }
  296.  
  297. h2.pagetitle {
  298.     margin-top: 30px;
  299.     text-align: center;
  300. }
  301.  
  302. #sidebar h2 {
  303.     margin: 5px 0 0;
  304.     padding: 0;
  305.     }
  306.  
  307. h3 {
  308.     padding: 0;
  309.     margin: 30px 0 0;
  310.     }
  311.  
  312. h3.comments {
  313.     padding: 0;
  314.     margin: 40px auto 20px ;
  315.     }
  316. /* End Headers */
  317.  
  318.  
  319.  
  320. /* Begin Images */
  321. p img {
  322.     padding: 0;
  323.     max-width: 100%;
  324.     }
  325.  
  326. /*    Using 'class="alignright"' on an image will (who would've
  327.     thought?!) align the image to the right. And using 'class="centered',
  328.     will of course center the image. This is much better than using
  329.     align="center", being much more futureproof (and valid) */
  330.     
  331. img.centered {
  332.     display: block;
  333.     margin-left: auto;
  334.     margin-right: auto;
  335.     }
  336.     
  337. img.alignright {
  338.     padding: 4px;
  339.     margin: 0 0 2px 7px;
  340.     display: inline;
  341.     }
  342.  
  343. img.alignleft {
  344.     padding: 4px;
  345.     margin: 0 7px 2px 0;
  346.     display: inline;
  347.     }
  348.  
  349. .alignright {
  350.     float: right;
  351.     }
  352.     
  353. .alignleft {
  354.     float: left
  355.     }
  356. /* End Images */
  357.  
  358.  
  359.  
  360. /* Begin Lists
  361.  
  362.     Special stylized non-IE bullets
  363.     Do not work in Internet Explorer, which merely default to normal bullets. */
  364.  
  365. html>body .entry ul {
  366.     margin-left: 0px;
  367.     padding: 0 0 0 30px;
  368.     list-style: none;
  369.     padding-left: 10px;
  370.     text-indent: -10px;
  371.     } 
  372.  
  373. html>body .entry li {
  374.     margin: 7px 0 8px 10px;
  375.     }
  376.  
  377. .entry ul li:before, #sidebar ul ul li:before {
  378.     content: "\00BB \0020";
  379.     }
  380.  
  381. .entry ol {
  382.     padding: 0 0 0 35px;
  383.     margin: 0;
  384.     }
  385.  
  386. .entry ol li {
  387.     margin: 0;
  388.     padding: 0;
  389.     }
  390.  
  391. .postmetadata ul, .postmetadata li {
  392.     display: inline;
  393.     list-style-type: none;
  394.     list-style-image: none;
  395.     }
  396.     
  397. #sidebar ul, #sidebar ul ol {
  398.     margin: 0;
  399.     padding: 0;
  400.     }
  401.  
  402. #sidebar ul li {
  403.     list-style-type: none;
  404.     list-style-image: none;
  405.     margin-bottom: 15px;
  406.     }
  407.  
  408. #sidebar ul p, #sidebar ul select {
  409.     margin: 5px 0 8px;
  410.     }
  411.  
  412. #sidebar ul ul, #sidebar ul ol {
  413.     margin: 5px 0 0 10px;
  414.     }
  415.  
  416. #sidebar ul ul ul, #sidebar ul ol {
  417.     margin: 0 0 0 10px;
  418.     }
  419.  
  420. ol li, #sidebar ul ol li {
  421.     list-style: decimal outside;
  422.     }
  423.  
  424. #sidebar ul ul li, #sidebar ul ol li {
  425.     margin: 3px 0 0;
  426.     padding: 0;
  427.     }
  428. /* End Entry Lists */
  429.  
  430.  
  431.  
  432. /* Begin Form Elements */
  433. #searchform {
  434.     margin: 10px auto;
  435.     padding: 5px 3px; 
  436.     text-align: center;
  437.     }
  438.  
  439. #sidebar #searchform #s {
  440.     width: 115px;
  441.     padding: 2px;
  442.     }
  443.  
  444. #sidebar #searchsubmit {
  445.     padding: 1px;
  446.     }
  447.  
  448. .entry form { /* This is mainly for password protected posts, makes them look better. */
  449.     text-align:center;
  450.     }
  451.  
  452. select {
  453.     width: 130px;
  454.     }
  455.  
  456. #commentform input {
  457.     width: 170px;
  458.     padding: 2px;
  459.     margin: 5px 5px 1px 0;
  460.     }
  461.  
  462. #commentform textarea {
  463.     width: 100%;
  464.     padding: 2px;
  465.     }
  466.  
  467. #commentform #submit {
  468.     margin: 0;
  469.     float: right;
  470.     }
  471. /* End Form Elements */
  472.  
  473.  
  474.  
  475. /* Begin Comments*/
  476. .alt {
  477.     margin: 0;
  478.     padding: 10px;
  479.     }
  480.  
  481. .commentlist {
  482.     padding: 0;
  483.     text-align: justify;
  484.     }
  485.  
  486. .commentlist li {
  487.     margin: 15px 0 3px;
  488.     padding: 5px 10px 3px;
  489.     list-style: none;
  490.     }
  491.  
  492. .commentlist p {
  493.     margin: 10px 5px 10px 0;
  494.     }
  495.  
  496. #commentform p {
  497.     margin: 5px 0;
  498.     }
  499.  
  500. .nocomments {
  501.     text-align: center;
  502.     margin: 0;
  503.     padding: 0;
  504.     }
  505.  
  506. .commentmetadata {
  507.     margin: 0;
  508.     display: block;
  509.     }
  510. /* End Comments */
  511.  
  512.  
  513.  
  514. /* Begin Sidebar */
  515. #sidebar
  516. {
  517.     padding: 20px 0 10px 0;
  518.     margin-left: 545px;
  519.     width: 190px;
  520.     }
  521.  
  522. #sidebar form {
  523.     margin: 0;
  524.     }
  525. /* End Sidebar */
  526.  
  527.  
  528.  
  529. /* Begin Calendar */
  530. #wp-calendar {
  531.     empty-cells: show;
  532.     margin: 10px auto 0;
  533.     width: 155px;
  534.     }
  535.  
  536. #wp-calendar #next a {
  537.     padding-right: 10px;
  538.     text-align: right;
  539.     }
  540.  
  541. #wp-calendar #prev a {
  542.     padding-left: 10px;
  543.     text-align: left;
  544.     }
  545.  
  546. #wp-calendar a {
  547.     display: block;
  548.     }
  549.  
  550. #wp-calendar caption {
  551.     text-align: center;
  552.     width: 100%;
  553.     }
  554.  
  555. #wp-calendar td {
  556.     padding: 3px 0;
  557.     text-align: center;
  558.     }
  559.  
  560. #wp-calendar td.pad:hover { /* Doesn't work in IE */
  561.     background-color: #fff; }
  562. /* End Calendar */
  563.  
  564.  
  565.  
  566. /* Begin Various Tags & Classes */
  567. acronym, abbr, span.caps {
  568.     cursor: help;
  569.     }
  570.  
  571. acronym, abbr {
  572.     border-bottom: 1px dashed #999;
  573.     }
  574.  
  575. blockquote {
  576.     margin: 15px 30px 0 10px;
  577.     padding-left: 20px;
  578.     border-left: 5px solid #ddd;
  579.     }
  580.  
  581. blockquote cite {
  582.     margin: 5px 0 0;
  583.     display: block;
  584.     }
  585.  
  586. .center {
  587.     text-align: center;
  588.     }
  589.  
  590. hr {
  591.     display: none;
  592.     }
  593.  
  594. a img {
  595.     border: none;
  596.     }
  597.  
  598. .navigation {
  599.     display: block;
  600.     text-align: center;
  601.     margin-top: 10px;
  602.     margin-bottom: 60px;
  603.     }
  604. /* End Various Tags & Classes*/
  605.  
  606.  
  607.  
  608. /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
  609.     It won't be a stylish marriage, I can't afford a carriage.
  610.     But you'll look sweet upon the seat of a bicycle built for two." */
  611.